.max{
	width: 380px;
	height: 700px;
	background: #F2F1E9;
	float: right;
	margin-right: 2%;
	margin-top: 2%;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

.imgdiv, .newmsg{;
	position:relative;
}

.newmsg{
	height: 65px; 
}

.imgdiv:hover {
	background-color: #CDCDCD;
	cursor: pointer;
}

.uname{
	position:absolute; 
	z-index:2; 
	left:10px; 
	top:10px;
	display: flex;
  	align-items: center;
  	justify-content: center;
}

.unamedown{
	position:absolute; 
	z-index:2;
	top:96px;
	background: #2B5CA9;
	width: 100%;
}

.msgman{
	float: left;
	margin-left: 17%;
}

.msgmana{
	color: #000000;
}

.tab{
	background: #EFF3E7;
	height: 100%;
}

.content {
	display: none;
}
.content:target {
	display: block;
}
.tab a {
	background: #eee;
	color: black;
	padding: 8px;
	text-decoration: none;
	font-size: 16px;
	border: 1px solid #ccc;
}
.tab a:hover {
	background: #ccc;
}

.bottom{
	width: 100%;
	height: 40px;
	display: flex;
	align-items: center;
  	justify-content: center;
  	background: #CDCDCD;
}

.bottombat{
	/*margin-left: 8%;*/
}

.nbsp{
	width: 18%;
}

.newmsgdown{
	position:absolute; 
	z-index:2; 
	/*top:10px;*/
	display: flex;
  	align-items: center;
  	justify-content: left;
  	height: 65px; 
  	/*background: yellow;*/
  	width: 100%;
}

.msgfont{
	font-size: 90%;
}

.msgusername{
	font-family: SimHei;
	font-weight: bold;
}